<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="header.jsp"%>
<html>
<head>
    <title>购物商城-购物车</title>
    <style>
        *{
            margin:0 auto;
            padding:0;
            list-style: none;
        }
        .li2{
            float:left;
            text-align: center;
        }
    </style>
</head>
<body>

<div style="width: 1000px;margin:auto;margin-top: 160px">
    <div>
        <span>当前位置&gt;&gt;我的购物车</span>
    </div>
    <div>

        <div style="margin-top:20px;font-size: 12px;width: 1000px;line-height:35px;height:35px;background-color: #F7F4EB;color:#ACA9A3;border-bottom: #E0CBB5 2px solid">
            <ul>
                <li class="li2" style="width:4%">
                    <input type="checkbox">全选
                </li>
                <li class="li2" style="width: 33%">商品的名称</li>
                <li class="li2" style="width: 3%">积分</li>
                <li class="li2" style="width: 16%">疯狂价</li>
                <li class="li2" style="width: 9%">小计</li>
                <li class="li2" style="width: 11%">数量</li>
                <li class="li2" style="width: 4%">操作</li>
            </ul>
        </div>
        <table style="text-align: center;font-size: 12px;width: 1000px;border-spacing: 0">
            <tr>
                <td  style="width:5%;border-bottom: #cccccc 2px solid">
                    <input type="checkbox">
                </td>
                <td style="width: 10%;border-bottom: #cccccc 2px solid"><img src="images/images/article/20130331_1_2.jpg" width="80px" ></td>
                <td style="width: 25%;border-bottom: #cccccc 2px solid;border-right: #cccccc 2px solid">
                    <a href="#">Cetaphil丝塔芙洁面乳118ml全美皮肤科及儿科医师推荐品牌极其温和的配方，卓越的保湿功效严谨的生产方式，众多明星推荐</a>
                </td>
                <td style="width: 10%;border-bottom: #cccccc 2px solid;border-right: #cccccc 2px solid">0</td>
                <td style="width: 15%;border-bottom: #cccccc 2px solid;border-right: #cccccc 2px solid;color: #F6A65B">$58.0(0.7折)</td>
                <td style="width: 15%;border-bottom: #cccccc 2px solid;border-right: #cccccc 2px solid">$40.60</td>
                <td style="width: 10%;border-bottom: #cccccc 2px solid;border-right: #cccccc 2px solid"><input type="submit" style="color: red" value="+"><input type="text" style="width:20px;margin-left: 5px;text-align: center" value="1"><input type="submit"  style="color: red;margin-left: 5px"  value="-"></td>
                <td style="width: 10%;border-bottom: #cccccc 2px solid;border-right: #cccccc 2px solid">
                    <a href="#">移入收藏</a>
                    <br>
                    <a href="#">删除</a>
                </td>
            </tr>
            <tr>
                <td  style="width:5%;border-bottom: #cccccc 2px solid">
                    <input type="checkbox">
                </td>
                <td style="width: 10%;border-bottom: #cccccc 2px solid"><img src="images/images/article/20130331_1_6.jpg" width="80px" ></td>
                <td style="width: 25%;border-bottom: #cccccc 2px solid;border-right: #cccccc 2px solid">
                    <a href="#">欧莱雅(L'Oreal)清润 泡沫洁面膏 125ml 深层清洁 滋养肌肤 保持清新</a>
                </td>
                <td style="width: 10%;border-bottom: #cccccc 2px solid;border-right: #cccccc 2px solid">0</td>
                <td style="width: 15%;border-bottom: #cccccc 2px solid;border-right: #cccccc 2px solid;color: #F6A65B">$88.0(0.7折)</td>
                <td style="width: 15%;border-bottom: #cccccc 2px solid;border-right: #cccccc 2px solid">$61.60</td>
                <td style="width: 10%;border-bottom: #cccccc 2px solid;border-right: #cccccc 2px solid"><input type="submit" style="color: red" value="+"><input type="text" style="width:20px;margin-left: 5px;text-align: center" value="1"><input type="submit"  style="color: red;margin-left: 5px"  value="-"></td>
                <td style="width: 10%;border-bottom: #cccccc 2px solid;border-right: #cccccc 2px solid">
                    <a href="#">移入收藏</a>
                    <br>
                    <a href="#">删除</a>
                </td>
            </tr>
            <tr>
                <td  style="width:5%;border-bottom: #cccccc 2px solid">
                    <input type="checkbox">
                </td>
                <td style="width: 10%;border-bottom: #cccccc 2px solid"><img src="images/images/article/20130331_1_8.jpg" width="80px" ></td>
                <td style="width: 25%;border-bottom: #cccccc 2px solid;border-right: #cccccc 2px solid">
                    <a href="#">Mentholatum曼秀雷敦男士冰爽活炭洁面乳150ml冰凉清爽，深层洁净 保持皮肤滋润清爽，让脸部恢复光滑 早晚使用，倍感肌肤清爽柔润</a>
                </td>
                <td style="width: 10%;border-bottom: #cccccc 2px solid;border-right: #cccccc 2px solid">0</td>
                <td style="width: 15%;border-bottom: #cccccc 2px solid;border-right: #cccccc 2px solid;color: #F6A65B">$39.9(0.7折)</td>
                <td style="width: 15%;border-bottom: #cccccc 2px solid;border-right: #cccccc 2px solid">$27.93</td>
                <td style="width: 10%;border-bottom: #cccccc 2px solid;border-right: #cccccc 2px solid"><input type="submit" style="color: red" value="+"><input type="text" style="width:20px;margin-left: 5px;text-align: center" value="1"><input type="submit"  style="color: red;margin-left: 5px"  value="-"></td>
                <td style="width: 10%;border-bottom: #cccccc 2px solid;border-right: #cccccc 2px solid">
                    <a href="#">移入收藏</a>
                    <br>
                    <a href="#">删除</a>
                </td>
            </tr>


        </table>
        <div style="width:1000px;font-size: 20px;font-weight: bold;text-align:right">
            <p>数量总计：&nbsp;&nbsp;<span style="color: red">13</span>&nbsp;&nbsp;件</p>
            <p>总金额：&nbsp;&nbsp;$<span style="color: red">521.44</span>&nbsp;&nbsp;折后价</p>
            <p style="margin-top: 20px"><a href="${pageContext.request.contextPath}/index.jsp" ><img src="images/images/shop.jpg" alt=""></a>&nbsp;&nbsp;<a href="${pageContext.request.contextPath}/Order.jsp"><img
                    src="images/images/balance.jpg" alt=""></a></p>
        </div>
    </div>
</div>
<div style="width:1000px;margin-top: 30px;margin: auto">
    <img src="images/images/step.jpg" alt="">
</div>
</body>
</html>

